<!--
  Generated template for the RecordDetailPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar no-border>
    <ion-title>记录详情</ion-title>
  </ion-navbar>

  <ion-slides pager="true">
      <ion-slide *ngFor="let pager of picUrls"  >
        <img style="width:100%;height:170px;" src="{{pager.picUrl}}">
      </ion-slide>
    </ion-slides>
</ion-header>

<ion-content >
    <ion-list>
        <ion-item >
            <ion-label>雨霏霏</ion-label>
            <ion-datetime disabled="{{state=='1'?'false':'true'}}" item-end style="color:darkgray;padding:0px;" displayFormat="YYYY-MM-DD" [(ngModel)]="gatherDate" doneText="确定"
              cancelText="取消"></ion-datetime>
          </ion-item>
      <div class="ac-line-tiny"></div>
      <ion-item >
          <ion-label>目的物种</ion-label>
          <ion-input readonly="{{state=='1'?'false':'true'}}" type="number" placeholder="请输入物种名称"  [(ngModel)]="speciesName"></ion-input>
      </ion-item>
      <div class="ac-line-tiny"></div>
      <ion-item class="titleItem">
        <ion-icon item-start name="pin" ios="ios-pin-outline" md="ios-pin-outline" color="primary"></ion-icon>
        <ion-label item-start>位置</ion-label>
      </ion-item>
      <ion-item>
        <h3>神农架木鱼镇南阳村三里沟</h3>
        <div class="ac-line-tiny"></div>
        <p>经度：114.36644 维度:35.84737839 海拔:1355米</p>
      </ion-item>
      <ion-item>
        <ion-label item-start>小地名</ion-label>
        <ion-input  readonly="{{state=='1'?'false':'true'}}" type="number" placeholder="请输入小地名"  [(ngModel)]="speciesName"></ion-input>
      </ion-item>
  
      <ion-item  class="titleItem">
        <ion-icon item-start name="book" ios="ios-book-outline" md="ios-book-outline" color="primary"></ion-icon>
        <ion-label item-start>概况</ion-label>
      </ion-item>
  
      <ion-item>
        <ion-label>就地保护状况</ion-label>
        <ion-multi-picker disabled="{{state=='1'?'':'true'}}" item-end style="color:darkgray" id="gender" [(ngModel)]="protection" [multiPickerColumns]="proofArr" doneText="确定"
          cancelText="取消"></ion-multi-picker>
      </ion-item>
      <ion-item *ngIf="protection=='其他'">
        <ion-label item-start>名称</ion-label>
        <ion-input readonly="{{state=='1'?'false':'true'}}" type="text" placeholder="请输入保护状况名称"  [(ngModel)]="protectionName"></ion-input>
      </ion-item>
      <ion-item *ngIf="protection=='其他'">
        <ion-label item-start>级别</ion-label>
        <ion-input readonly="{{state=='1'?'false':'true'}}" type="text" placeholder="请输入保护状况级别"  [(ngModel)]="protectionLevel"></ion-input>
      </ion-item>
  
      <ion-item>
        <ion-label>调查方法</ion-label>
        <ion-multi-picker disabled="{{state=='1'?'':'true'}}" item-end style="color:darkgray" id="method" [(ngModel)]="method" [multiPickerColumns]="methods" doneText="确定"
          cancelText="取消"></ion-multi-picker>
      </ion-item>
  
      <ion-item>
        <ion-label item-start>主样方编号</ion-label>
        <ion-input readonly="{{state=='1'?'false':'true'}}" type="text" placeholder="请输入主样方(样带)编号"  [(ngModel)]="speciesName"></ion-input>
      </ion-item>
  
      <ion-item>
        <ion-label item-start>环境描述</ion-label>
        <ion-input readonly="{{state=='1'?'false':'true'}}" type="text" placeholder="目的物种附近特征或位置示意图"  [(ngModel)]="speciesName"></ion-input>
      </ion-item>
      <ion-item>
        <ion-label item-start>主样方面积</ion-label>
        <ion-input readonly="{{state=='1'?'false':'true'}}" type="text" placeholder="请输入主样方面积"  [(ngModel)]="speciesName"></ion-input>
      </ion-item>
  
      <ion-item>
        <ion-label item-start>群落名称</ion-label>
        <ion-input readonly="{{state=='1'?'false':'true'}}" type="text" placeholder="请输入群落名称"  [(ngModel)]="speciesName"></ion-input>
      </ion-item>
  
      <ion-item>
        <ion-label item-start>群落面积</ion-label>
        <ion-input readonly="{{state=='1'?'false':'true'}}" type="text" placeholder="请输入群落面积"  [(ngModel)]="speciesName"></ion-input>
      </ion-item>
  
      <ion-item class="titleItem">
        <ion-icon item-start name="compass" ios="ios-compass-outline" md="ios-compass-outline" color="primary"></ion-icon>
        <ion-label item-start>方位</ion-label>
      </ion-item>
  
      <ion-item>
        <ion-label>坡向</ion-label>
        <ion-multi-picker disabled="{{state=='1'?'':'true'}}" item-end style="color:darkgray" id="aspect" [(ngModel)]="aspect" [multiPickerColumns]="aspects" doneText="确定"
          cancelText="取消"></ion-multi-picker>
      </ion-item>
      <ion-item>
        <ion-label>坡度</ion-label>
        <ion-multi-picker disabled="{{state=='1'?'':'true'}}"  item-end style="color:darkgray" id="slope" [(ngModel)]="slope" [multiPickerColumns]="degrees" doneText="确定"
          cancelText="取消"></ion-multi-picker>
      </ion-item>
      <ion-item>
        <ion-label>坡位</ion-label>
        <ion-multi-picker  disabled="{{state=='1'?'':'true'}}" item-end style="color:darkgray" id="slopePosition" [(ngModel)]="slopePosition" [multiPickerColumns]="positions" doneText="确定"
          cancelText="取消"></ion-multi-picker>
      </ion-item>
  
      <ion-item class="titleItem">
        <ion-icon item-start name="leaf" ios="ios-leaf-outline" md="ios-leaf-outline" color="primary"></ion-icon>
        <ion-label item-start>环境详情</ion-label>
      </ion-item>
      <ion-item>
        <ion-label item-start>郁闭度</ion-label>
        <ion-input readonly="{{state=='1'?'false':'true'}}" type="text" placeholder="请输入郁闭度"  [(ngModel)]="speciesName"></ion-input>
      </ion-item>
      <ion-item>
        <ion-label item-start>盖度</ion-label>
        <ion-input readonly="{{state=='1'?'false':'true'}}" type="text" placeholder="请输入盖度"  [(ngModel)]="speciesName"></ion-input>
      </ion-item>
      <ion-item>
        <ion-label item-start>土壤类型</ion-label>
        <ion-input readonly="{{state=='1'?'false':'true'}}" type="text" placeholder="请输入土壤类型"  [(ngModel)]="speciesName"></ion-input>
      </ion-item>
      <ion-item>
        <ion-label item-start>土壤PH值</ion-label>
        <ion-input readonly="{{state=='1'?'false':'true'}}" type="text" placeholder="请输入土壤PH值"  [(ngModel)]="speciesName"></ion-input>
      </ion-item>
      <ion-item>
        <ion-label>人为干扰方式</ion-label>
        <ion-multi-picker disabled="{{state=='1'?'':'true'}}" item-end style="color:darkgray" id="interference" [(ngModel)]="interference" [multiPickerColumns]="interferences"
          doneText="确定" cancelText="取消"></ion-multi-picker>
      </ion-item>
      <ion-item *ngIf="interference == '其他'" >
        <ion-input readonly="{{state=='1'?'false':'true'}}" type="text" placeholder="请输入认为干扰方式" [(ngModel)]="interferenceOther" ></ion-input>
      </ion-item>
      <ion-item>
        <ion-label>人为干扰强度</ion-label>
        <ion-multi-picker disabled="{{state=='1'?'':'true'}}" item-end style="color:darkgray" id="intensity" [(ngModel)]="intensity" [multiPickerColumns]="intensities"
          doneText="确定" cancelText="取消"></ion-multi-picker>
      </ion-item>
      <ion-item>
        <ion-label item-start>乔木层优势种</ion-label>
        <ion-input readonly="{{state=='1'?'false':'true'}}" type="text" placeholder="请输入乔木层优势种"  [(ngModel)]="speciesName"></ion-input>
      </ion-item>
      <ion-item>
        <ion-label item-start>乔木层伴生种</ion-label>
        <ion-input readonly="{{state=='1'?'false':'true'}}" type="text" placeholder="请输入乔木层伴生种"  [(ngModel)]="speciesName"></ion-input>
      </ion-item>
      <ion-item>
        <ion-label item-start>灌木层优势种</ion-label>
        <ion-input readonly="{{state=='1'?'false':'true'}}" type="text" placeholder="请输入灌木层优势种"  [(ngModel)]="speciesName"></ion-input>
      </ion-item>
      <ion-item>
        <ion-label item-start>灌木层伴生种</ion-label>
        <ion-input readonly="{{state=='1'?'false':'true'}}" type="text" placeholder="请输入灌木层伴生种"  [(ngModel)]="speciesName"></ion-input>
      </ion-item>
      <ion-item>
        <ion-label item-start>草本层优势种</ion-label>
        <ion-input readonly="{{state=='1'?'false':'true'}}" type="text" placeholder="请输入草本层优势种"  [(ngModel)]="speciesName"></ion-input>
      </ion-item>
      <ion-item>
        <ion-label item-start>草本层伴生种</ion-label>
        <ion-input readonly="{{state=='1'?'false':'true'}}" type="text" placeholder="请输入草本层伴生种"  [(ngModel)]="speciesName"></ion-input>
      </ion-item>
  
      <ion-item class="titleItem">
          <ion-icon item-start name="flower" ios="ios-flower-outline" md="ios-flower-outline" color="primary"></ion-icon>
          <ion-label item-start>物种详情</ion-label>
        </ion-item>
      <ion-item (click)="addKnowPeople()">
        <h2>知情者</h2>
        <ion-icon name="ios-arrow-forward" style="color:#F2F2F2" item-end></ion-icon>
      </ion-item>
      <div class="ac-line-tiny"></div>
      <ion-item (click)="gotoPlantDetail()">
        <h2>目的物种详情</h2>
        <ion-icon name="ios-arrow-forward" style="color:#F2F2F2" item-end></ion-icon>
      </ion-item>
  
    </ion-list>
</ion-content>
